<template>
  <div id="footer">
    <div id="footer_main">
      <div class="links">
        <a href="/rss">RSS</a>
        |
        <a href="https://github.com/cnodejs/nodeclub/">源码地址</a>
      </div>

      <div class="col_fade">
        <p>
          CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js
          的技术研究。
        </p>
        <p>
          服务器搭建在
          <a
            href="https://www.digitalocean.com/?refcode=eba02656eeb3"
            target="_blank"
            class="sponsor_outlink"
            data-label="digitalocean"
          >
            <img
              src="//static2.cnodejs.org/public/images/digitalocean.png"
              title="digitalocean"
              alt="digitalocean"
              width="92px"
            />
          </a>
          ，存储赞助商为
          <a
            href="http://www.qiniu.com/?ref=cnode"
            target="_blank"
            class="sponsor_outlink"
            data-label="qiniu_bottom"
          >
            <img
              src="//static2.cnodejs.org/public/images/qiniu.png"
              title="七牛云存储"
              alt="七牛云存储"
              width="115px"
            />
          </a>
        </p>
        <p>
          新手搭建 Node.js 服务器，推荐使用无需备案的
          <a href="https://www.digitalocean.com/?refcode=eba02656eeb3"
            >DigitalOcean(https://www.digitalocean.com/)</a
          >
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Footer",
};
</script>

<style scoped>
#footer {
  width: 100%;
  background: white;
}

#footer #footer_main {
  margin: 20px 20px;
  padding: 25px;
}
#footer #footer_main .links{
    margin-bottom: 10px;
}
#footer #footer_main .links a {
  color: rgb(102, 102, 102);
  font-size: 14px;
  text-decoration: none;
}

#footer #footer_main .col_fade p {
  color: rgb(179, 171, 171);
}

#footer #footer_main .col_fade p a {
  color: rgb(0, 136, 214);
  text-decoration: none;
}
</style>